<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS-->
    <link rel="stylesheet" href="../source/css/normalize.css">
    <link rel="stylesheet" href="../source/css/iconfont.css">
    <link rel="stylesheet" href="../source/css/public.css">
    <!-- JS -->
    <script src="../source/icon-font/iconfont.js"></script>
    <script src="../source/js/animate.js"></script>
    <script src="../source/js/jQuery.min.js"></script>
    <script src="../source/js/index.js"></script>
    <title>后天丽质，专门的护肤网站-男士护肤专区</title>
</head>

<body>
    <div class="customer-online">
        <a href="#">在线咨询</a>
    </div>

    <div class="go-top">
        <div>
            <a href="#top">
                <svg class="icon-top" aria-hidden="true">
                    <use xlink:href="#icon-top"></use>
                </svg>
            </a>
        </div>

    </div>
    <!-- header start -->
    <div class="header" id="top">
        <div class="top-bar">
            <div class="left">
                <div class="nav-menu">
                    <div class="menu-item">

                        <p class="title"><a href="#">订阅电子杂志<svg class="icon-email" aria-hidden="true">
                                    <use xlink:href="#icon-email"></use>
                                </svg></a></p>

                    </div>
                    <div class="menu-item">

                        <p class="title"><a href="#">客服中心</a></p>

                    </div>
                </div>
                <div class="choose">
                    <p><a href="#">选择适合你自己的护肤品</a></p>
                </div>
            </div>
            <div class="logo">
                <img src="../source/pic/public/header0.png" alt="">
            </div>
            <div class="right">
                <div class="account">
                    <div class="login"><a href="#">
                            <span>
                                <svg class="icon-user" aria-hidden="true">
                                    <use xlink:href="#icon-user"></use>
                                </svg>
                            </span>
                            <span>
                                登录
                            </span></a></div>
                    <div class="register"><a href="register.html" target="blank">注册</a></div>
                </div>
                <div class="search-cart">
                    <div class="user-shoppingcart">
                        <a href="#"><svg class="icon-cart-full" aria-hidden="true">
                                <use xlink:href="#icon-cart-full"></use>
                            </svg> 购物车(0)</a>
                    </div>
                    <div class="search">
                        <input type="text" id="search" placeholder="爽肤水">
                        <!-- 搜索框点击消失关键字 -->
                        <script>
                            var text = document.querySelector('#search')
                            text.onfocus = function () {
                                text.placeholder = ''
                            }

                            text.onblur = function () {
                                text.placeholder = '爽肤水'
                            }
                        </script>
                        <a href="#" style="position: absolute;right: 15px"><svg class="icon-search" aria-hidden="true">
                                <use xlink:href="#icon-search"></use>
                            </svg></a>
                    </div>
                </div>

            </div>
        </div>
        <div class="menu-bar">
            <div class="menu-content">
                <!-- <div class="menu-list">
                    <ul class="nav">
                        <li><a href="#"><svg class="icon-home" aria-hidden="true">
                                    <use xlink:href="#icon-home">
                                    </use>
                                </svg>首页</a></li>
                        <li><a href="#">护肤产品</a></li>
                        <li><a href="#">人群区分护肤</a></li>
                        <li><a href="#">肤质选择</a></li>
                        <li><a href="#">皮肤症状</a></li>
                        <li><a href="#">品牌专区</a></li>
                        <li><a href="#">护肤文章</a></li>
                        <li><a href="#">护肤步骤</a></li>
                        <li><a href="#">用户问卷</a></li>
                    </ul>
                </div> -->
                <div class="menu-list">
                    <ul class="nav">
                        <li>
                            <a href="index.html"><svg class="icon-home" aria-hidden="true">
                                    <use xlink:href="#icon-home">
                                    </use>
                                </svg>首页</a>
                        </li>

                        <li>
                            <a href="#">护肤产品</a>
                            <ul>
                                <li><a href="#">洁面产品</a></li>
                                <li><a href="#">爽肤水</a></li>
                                <li><a href="#">精华</a></li>
                                <li><a href="#">乳液</a></li>
                                <li><a href="#">面霜</a></li>
                                <li><a href="#">眼霜</a></li>
                                <li><a href="#">肌底液</a></li>
                                <li><a href="#">面膜</a></li>
                                <li><a href="#">防晒</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">人群区分护肤
                            </a>
                            <ul>
                                <li><a href="#">男士护肤专区</a></li>
                                <li><a href="#">女士护肤专区</a></li>
                                <li><a href="#">少儿护肤专区</a></li>
                                <li><a href="#">学生护肤专区</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">肤质选择
                            </a>
                            <ul>
                                <li><a href="#">干性皮肤</a></li>
                                <li><a href="#">中性皮肤</a></li>
                                <li><a href="#">油性皮肤</a></li>
                                <li><a href="#">混合性皮肤</a></li>
                                <li><a href="#">敏感性皮肤</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">皮肤症状应对
                            </a>
                            <ul>
                                <li><a href="#">去黑头</a></li>
                                <li><a href="#">美白</a></li>
                                <li><a href="#">防晒</a></li>
                                <li><a href="#">祛痘</a></li>
                                <li><a href="#">去痘印</a></li>
                                <li><a href="#">去油</a></li>
                                <li><a href="#">收缩毛孔</a></li>
                                <li><a href="#">抗衰老</a></li>
                                <li><a href="#">去角质</a></li>
                                <li><a href="#">抗过敏</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">品牌专区
                            </a>
                            <ul>
                                <li><a href="#">顶配品牌</a></li>
                                <li><a href="#">小众品牌</a></li>
                                <li><a href="#">平价品牌</a></li>
                                <li><a href="#">日韩品牌</a></li>
                                <li><a href="#">欧美品牌</a></li>
                                <li><a href="#">国产品牌</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">护肤文章
                            </a>
                            <ul>
                                <li><a href="#">护肤产品测评</a></li>
                                <li><a href="#">护肤方法指导</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="#">护肤步骤
                            </a>
                            <ul>
                                <li><a href="#">洁面</a></li>
                                <li><a href="#">补水</a></li>
                                <li><a href="#">保湿</a></li>
                                <li><a href="#">去角质</a></li>
                                <li><a href="#">上精华</a></li>
                                <li><a href="#">涂眼霜</a></li>
                            </ul>
                        </li>

                        <li><a href="#">用户问卷调查 </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- header end -->
    <div>
        男士护肤专区详情页
    </div>


    <!-- footer start -->
    <div class="footer">
        <div class="w">
            <div class="mod_service">
                <ul>
                    <li>
                        <h5><img src="../source/pic/public/footer-0.png" alt=""></h5>
                        <div class="service_txt">
                            <h4>官方直售</h4>
                            <p>官方直售 正品保证</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="../source/pic/public/footer-1.png" alt=""></h5>
                        <div class="service_txt">
                            <h4>顺丰包邮</h4>
                            <p>满100元即可享受此项服务</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="../source/pic/public/footer-2.png" alt=""></h5>
                        <div class="service_txt">
                            <h4>精美礼盒</h4>
                            <p>甄选精美礼盒包装</p>
                        </div>
                    </li>
                    <li>
                        <h5><img src="../source/pic/public/footer-3.png "></h5>
                        <div class=" service_txt">
                            <h4>惊喜礼遇</h4>
                            <p>礼遇官网 特惠惊喜</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <dl>
                    <dt>护肤产品</dt>
                    <dd><a href="#">洁面</a></dd>
                    <dd><a href="#">爽肤水</a></dd>
                    <dd><a href="#">精华</a></dd>
                    <dd><a href="#">乳液</a></dd>
                    <dd><a href="#">面霜</a></dd>
                    <dd><a href="#">眼霜</a></dd>
                    <dd><a href="#">肌底液</a></dd>
                </dl>
                <dl>
                    <dt>身体护理</dt>
                    <dd><a href="#">身体保湿</a></dd>
                    <dd><a href="#">身体清洁</a></dd>
                    <dd><a href="#">手足护理</a></dd>
                    <dd><a href="#">香氛</a></dd>
                    <dd><a href="#">婴儿护理</a></dd>
                </dl>
                <dl>
                    <dt>男士护理</dt>
                    <dd><a href="#">剃须</a></dd>
                    <dd><a href="#">爽肤</a></dd>
                    <dd><a href="#">面部滋养</a></dd>
                    <dd><a href="#">眼部/唇部护理</a></dd>
                    <dd><a href="#">造型</a></dd>
                </dl>
                <dl>
                    <dt>头发护理</dt>
                    <dd><a href="#">洗发水</a></dd>
                    <dd><a href="#">护发素</a></dd>
                    <dd><a href="#">修护</a></dd>
                </dl>
                <dl>
                    <dt>其他</dt>
                    <dd><a href="#">甄选套组</a></dd>
                </dl>
                <dl>
                    <dt>帮助</dt>
                    <dd><img src="../source/pic/vx.png" alt="" style="width: 100px;height: 100px;"></dd>
                    扫描上方二维码
                </dl>
            </div>
            <div class="mod_copyright">
                <div class="links">
                    <a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">联系客服 </a>| <a href="#">商家入驻</a> | <a
                        href="#">营销中心</a> |
                    <a href="#">手机app</a> | <a href="#">友情链接</a> |
                    <a href="#">销售联盟</a> | <a href="#">后天丽质社区</a> | <a href="#">后天丽质公益</a> | <a href="#">English
                        Site</a>
                    | <a href="#">Contact U</a>
                </div>
                <div class="copyright">
                    地址：杭州电子科技大学14号寝室楼 邮编：310016 电话：18757302507 邮箱: 1395793934@qq.com
                </div>
            </div>
        </div>
    </div>
    <!-- footer end -->
</body>

</html>